#app .btn-select-bottom,
#app .btn-select-bottom:active,
#app .btn-select-bottom:hover,
#app .btn-select-bottom:focus,
#app .btn-select-bottom:visited {
    color: #ffffff;
    background-color: #b5965a;
    border: none;
}


body {
    position: relative;
    color: #424b5a;
}

.captcha-box h4 {
    margin-bottom: 4px;
}

#title,
#deliverArea,
#deliverTitle,
#areaCode,
#deliverAreaCode {
    appearance: none;
    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table-retail-shop/assets/icons/chevron-down.svg) !important;

    background-size: 20px 20px;
    background-repeat: no-repeat;
}

#deliverArea {
    background-position: center right 14px;
}

#areaCode,
#deliverAreaCode,
#deliverTitle,
#title {
    background-position: center right 10px;
}

#app select {
    background-color: transparent !important;
    font-size: 15px !important;
}

#holidayMsg .modal-dialog.modal-dialog {
    width: 640px;
    margin: auto;
}

#holidayTable {
    width: 100%;
}

#holidayTable td {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848A94;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: baseline;
}

#holidayTable .holidayName {
    padding-left: 70px;
}

#menu-nav .nav-item.active.fesTab>a {
    background-color: #4364A1 !important;
    color: #ffffff !important;
    cursor: pointer;
}

#menu-nav .nav-item.fesTab>a {
    background-color: #EBF1FA !important;
    color: #2C58A9 !important;
    cursor: pointer;
}

.fes-blessing {
    display: none;
}

/*忙禄拧氓艩篓忙聺隆忙聽路氓录聫*/
#app *::-webkit-scrollbar {
    width: 4px;
}

#app *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

#app *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

#app .hr-xs hr {
    margin-top: 10px;
    margin-bottom: 12px;
}

#menu-nav li a {
    margin-right: 0;
}

.poi-price span.txt-from {
    font-weight: 400;
    font-size: 14px;
}

.detail-content,
.detail-notice-one,
.detail-notice-two {
    white-space: pre-line;
}

.poi-bottom-right button.grace-btn {
    background-color: #d8d8d8;
}

.hot {
    position: absolute;
    background: linear-gradient(91.97deg, #ffad4c 1.28%, #f77d23 99%);
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    font-size: 15px;
    line-height: 18px;
    margin: 6px;
}

.out {
    position: absolute;
    background: #525252;
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    font-size: 15px;
    line-height: 18px;
    margin: 6px;
}

.detailImgContainer {
    position: relative;
}

.detailRef {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 18px 14px 10px 14px;
    background: linear-gradient(180deg,
            rgba(147, 147, 147, 0) 0%,
            rgba(140, 140, 140, 0.118125) 40.94%,
            rgba(131, 131, 131, 0.3) 100%);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}

#pickDate,
#deliverDate {
    height: 50px;
}

td.disabled.day {
    color: rgb(0 0 0 / 15%);
}

#qr-promo-wrapper,
#qr-promo-block {
    display: none !important;
}

#title,
#deliverTitle {
    height: 50px;
}

#app .bottom-btn-absolute {
    position: absolute;
    bottom: 0;
}

#app .modal-dialog {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
}

#menu-nav-sticky-wrapper .dropdown-backdrop {
    display: none;
}

.bottom-nav.js-bottom-nav.affix {
    display: none !important;
}

.poi-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.poi-row>[class*="col-"] {
    display: flex;
    flex-direction: column;
}

#order {
    display: none;
    width: 1200px;
    margin: auto;
}

#app {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

#app .dis-btn {
    color: aliceblue;
}

#app .dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: auto;
    float: none;
    min-width: auto;
}

#app .nav-tabs>li {
    float: none;
}

.caret {
    display: none !important;
}

#myTabContent .tab-pane {
    margin-top: 0px;
}

#fix-title {
    height: 100px;
    position: relative;
}

.navbar .nav>li>a {
    color: #424b5a;
}

#menu-nav {
    position: relative;
    z-index: 1;
}

#menu-nav .nav-tabs .nav-item a {
    padding: 17px 20px;
    text-transform: none;
    border-radius: 10px;
    background: #f6f8f9;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

#menu-nav .nav-tabs .nav-item .dropdown-menu a {
    margin-left: 20px;
}

#menu-nav .nav-tabs .nav-item .dropdown-menu a {
    background: transparent;
    color: #acafb4 !important;
}

#menu-nav .nav-tabs .nav-item .dropdown-menu .active a {
    background: #F6EDE2;
    color: black !important;
}

#menu-nav .nav-tabs .active>a {
    background: #ceb388;
    color: white !important;
    border-color: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.27px;
}

#menu-nav {
    background-color: transparent !important;
    border-bottom: none;
}

#menu-nav .dropdown-menu {
    border: none;
    -webkit-tap-highlight-color: unset;
    box-shadow: unset;
}

#menu-nav .nav-tabs {
    border-bottom: none;
    margin-top: 0px;
}

#fix-title h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    margin: 0;
    left: 0px;
    bottom: 24px;
    position: absolute;
}

#fix-title h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.poi-name,
.poi-desc {
    width: 100%;
    display: inline-block;
    position: relative;
}

.poi-desc {
    max-height: 110px;
    overflow: auto;
}

.poi-img {
    cursor: pointer;
    border-radius: 4px;
}

.poi-name {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.27px;
    color: #424b5a;
    margin-top: 15px;
    height: 54px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.poi-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.225px;
    color: #acafb4;
    height: 88px;
    overflow: auto;
}

.poi-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 35px;
}

.poi-price span {
    font-weight: 700;
    font-size: 22px;
    color: #acafb4;
}

.poi-price,
.poi-price span.poi-price-num {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #c3a86f;
}

.poi-bottom-right {
    height: 32px;
    display: inline-flex;
}

.poi-bottom-right button {
    color: white;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    border: none;
    background-size: 44%;
    background-position: center center;
    background-repeat: no-repeat;
}

.gold-btn {
    background-color: #dbba7a;
}

.red-btn {
    background-color: #c3a86f;
}

.btn-increase,
.dis-btn {
    background-image: url("https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table/retail/increase.svg");
}

.btn-decrease {
    background-image: url("https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table/retail/decrease.svg");
}

.poi-amount {
    line-height: 32px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    width: 50px;
}

.bottom-btn {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: calc(50% - 600px);
    border-radius: 4px;
    width: 228px;
}

.empty-btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #ffffff96;
    z-index: 2;
}

.btn-cart {
    background-image: url("https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table/retail/cart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #162154;
    background-size: 50%;
    border-radius: 4px 0px 0px 4px;
    height: 60px;
    width: 70px;
}

.btn-submit:hover {
    color: white;
}

.btn-submit {
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    height: 60px;
    width: 158px;
    background-color: #cbb27b;
    border-radius: 0px 4px 4px 0px;
}

.btn-submit img {
    height: 24px;
    margin-top: -4px;
}

.btn-cart-count {
    background-color: #f56d23;
    font-weight: 700;
    font-size: 14px;
    border-radius: 2px;
    line-height: 18px;
    padding: 0 4px;
    text-align: center;
    position: absolute;
    top: 10%;
    left: 20%;
    color: white;
}

.btn-close {
    color: white;
    background: none;
    border: none;
    font-size: 40px;
}

.detail-bottom {
    position: absolute;
    bottom: 0px;
}

.detail-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.detail-middle {
    /* height: 210px; */
    height: 170px;
    overflow: auto;
    margin: 10px 0;
}

.detail-middle-long {
    height: 240px;
}

.detail-content {
    /* margin-bottom: 20px; */
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.detail-weight {
    margin-top: 6px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.detail-notice {
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #848a94;
}

.detail-price-tag {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.detail-price-money {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #c3a86f;
}

.detail-bottom-btn {
    margin-top: 26px;
    height: 36px;
    display: inline-flex;
    vertical-align: bottom;
}

.detail-bottom button {
    color: white;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    border: none;
    background-size: 44%;
    background-position: center center;
    background-repeat: no-repeat;
}

.detail-select {
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #424b5a;
    border: 1px solid #c3a86f;
    border-radius: 4px;
    background: white;
}

.detail-select option {
    color: #424b5a;
}

#app .modal-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    /* text-align: left; */
}

#app .modal-header,
#app .modal-footer {
    border: none;
}

#app .modal label {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

#app .modal input {
    width: 100%;
    font-size: 15px;
    line-height: 30px;
}

#app .modal .bless-notice {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #848a94;
}

#app .modal-body:nth-child(even) {
    background: none;
}

#app .modal-content {
    padding: 20px;
}

.select-head {
    margin-top: 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}

.select-item {
    display: flex;
}

.select-item-img {
    width: 100px;
    height: auto;
    border-radius: 4px;
}

.select-item-content {
    padding-left: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.select-item-desc,
.select-item-netWeight {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #acafb4;
    text-align: left;
}

.select-item-price {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.col-xs-2.col-md-2.col-sm-2.col-lg-2 {
    width: 15.6667%;
}

.select-body {
    margin-bottom: 20px;
}

.select-bottom-total {
    margin-bottom: 36px;
}

.select-bottom-total div {
    display: inline-block;
    color: #b4975a;
}

.select-total-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.select-total-price {
    font-weight: 600;
    font-size: 28px;
    line-height: 28px;
}

.btn-select-bottom {
    background-color: #cbb27b;
    border-radius: 2px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 15px 40px;
    border: none;
    margin-bottom: 10px;
}

#myTabContent,
#app,
#lef-col,
#right-col {
    min-height: 1080px;
}

.order-title {
    font-weight: 600;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 46px;
}

.order-title span {
    font-size: 14px;
    color: #424b5a;
}

.return-btn,
.return-btn:focus,
.return-btn:hover {
    background-repeat: no-repeat;
    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table/retail/arrow-left.svg);
    background-position: center center;
    background-size: contain;
    text-decoration: none;
}

.confirm-content {
    border: 1px solid #e9eaec;
    box-shadow: 0px 4px 14px rgba(88, 88, 88, 0.25);
    border-radius: 18px;
    padding: 40px 0px;
}

.confirm-content-upper,
.confirm-content-lower {
    padding: 0px 56px 20px;
}

#order .select-item-content {
    position: relative;
    vertical-align: top;
}

#order .select-item-img {
    vertical-align: top;
}

#order .btn-blessing {
    border: 1px solid #c3a86f;
    color: #c3a86f;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 10px;
    bottom: 0px;
    position: absolute;
}

.confirm-content-lower .red {
    color: red;
}

.confirm-content-lower span.grey {
    color: #848A94;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.228571px;
    text-transform: none;
}

.fill-form {
    margin-top: 36px;
}

.fill-form .gold {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.228571px;
    color: #C3A86F;
}

.fill-form textarea {
    margin-top: 12px;
}

.fill-form label {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #42485A;
}

.fill-form input:focus-visible,
.fill-form select:focus-visible {
    outline: 1px solid #CBB27B !important;
    border: none !important;
    height: 48px !important;
}

.fill-form input,
.fill-form select {
    width: 100%;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    border-radius: 2px;
}

#deliveryNotice {
    margin-top: -20px;
}

#deliveryNotice a {
    text-decoration: underline;
}

#deliveryAddTitle {
    margin-bottom: 4px;
}

#deliveryCharge {
    margin-top: 4px;
}

#memberID {
    border: 1px solid #DBDFE5;
}

/* 
.fill-form .col-md-4,
.fill-form .col-lg-4 {
padding-right: 51px;
} */

.fill-form #title,
#deliverTitle {
    width: 20%;
    padding: 12px 4px;
    border-radius: 2px 0px 0px 2px;
}

.fill-form #name,
#deliverName {
    width: 80%;
    border-radius: 0px 2px 2px 0px;
    margin-left: -1px;
}

.fill-form #phone {
    width: 100%;
}

/*  phone */
.fill-form .iti {
    width: 100%;
}

.fill-form #pickTime,
#deliverTime {
    border: 1px solid #cccccc;
    padding: 12px 20px;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;

    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table-retail-shop/assets/icons/clock.svg) !important;
    background-position: center right 14px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.fill-form *::placeholder {
    color: #424b5a;
}


.fill-form #pickDate,
.fill-form #deliverDate {
    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table-retail-shop/assets/icons/calendar.svg) !important;
    background-position: center right 14px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.fill-form #deliverArea {
    padding: 12px 20px;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    /* appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; */
    border: 1px solid #cccccc;
}

.fill-form #deliverArea ::after {
    margin-left: -10px;
}

.fill-form .notice {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #848a94;
}

.fill-form .form-check-input {
    width: 30px;
}

.form-title {

    margin-bottom: 27px;

    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0.485714px;
    color: #101828;

}

.form-big-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    margin-bottom: 26px;
    margin-top: 26px;
}

.form-big-title>div {
    width: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.485714px;
    color: #101828;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.fill-form .agree-cbox * {
    margin: 0;
    padding: 0;
}

.submit-order {
    position: relative;
}

.success-msg,
.success-msg span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #848a94;
}

.success-msg a {
    color: #cbb27b;
}

.success-modal .btn-close {
    background: none;
    border: 1px solid #cbb27b;
    padding: 13px 50px;
    color: #cbb27b;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.phone-input label.error {
    position: absolute;
    bottom: -20px;
    left: 0px;
}

.phone-input {
    display: flex;
}

#areaCode,
#deliverAreaCode {
    width: 26%;
}

#phoneNumber,
#deliverPhoneNumber {
    width: 74%;
}

.contact-choice {
    display: inline-block;
    width: auto;
    padding: 5px 10px 0px;
}

.contact-choice input {
    width: auto;
}

.contact-choice label {
    font-weight: 400;
}

.tnc-check input {
    vertical-align: middle;
    margin-top: -2px;
}

.tnc-check {
    padding-top: 5px;
    padding-left: 5px;
}

.pinned-container {
    display: flex;
    flex-direction: row;
}

#left-col {
    width: 250px;
    padding-right: 30px;
}

#right-col {
    width: 950px;
    padding-bottom: 80px;
    flex-grow: 2;
}

#menu {
    display: inline-block;
    position: relative;
    padding-bottom: 40px;
    width: 1200px;
    margin: auto;
}

.btn-container {
    /* margin-top: -15px; */
    margin-bottom: 28px;
}

.modal-body-flex {
    display: inline-flex;
}

.input-col {
    margin-bottom: 24px;
}

.captcha-box {
    padding: 4px;
}

.poi-item hr {
    display: none;
}

.hr-xs {
    display: none;
}

#menu-nav .nav-tabs .nav-item a {
    border-radius: 4px;
}

.poi-price span {
    color: #c3a86f;
}

.line-cross {
    text-decoration: line-through;
}

.order-form-header {
    display: inline-flex;
}

.order-form-header img {
    width: 263px;
}

.order-form-main-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
}

.order-form-sub-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
}

.order-form-header-right {
    padding: 16px 20px;
}

#nonMB-select-modal {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.poi-bottom-right button.gold-btn,
.poi-bottom-right button.grace-btn,
.poi-bottom-right button.red-btn-long,
.detail-bottom button.gold-btn,
.detail-bottom button.grace-btn,
.detail-bottom button.red-btn-long {
    width: 80px;
    font-size: 16px;
}

.poi-bottom-right button.gold-btn img,
.poi-bottom-right button.grace-btn img,
.detail-bottom button.gold-btn img,
.detail-bottom button.grace-btn img {
    width: 20px;
    height: 20px;
}

.btn-container {
    display: inline-flex;
    width: 100%;
}

#btnDelivery,
#btnPickUp {
    height: 88px;
    /* width: 224px; */
    width: 250px;
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 14px 20px;
    display: inline-flex;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    border: 1px solid #D8D8D8;
}

.btn-active {
    background: #FFFFFF;
    border: 1px solid #DBDFE5;
}


.btn-selected {
    background: #F8F2E2 !important;
    border: 1px solid #DBBA7A !important;
}

#btnDelivery img,
#btnPickUp img {
    margin-right: 20px;
    width: 60px;
}

#btnDelivery div,
#btnPickUp div {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 60px; */
    color: #424B5A;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: left;
}

#summary {
    width: 100%;
    display: inline-block;
}

.summary-content {
    border-radius: 4px;
    background: #F8F8F8;
    padding: 15px;
}

#dash-line {
    height: 0px;
    border: 1px dashed #D8D8D8;
    margin: 5px auto;
}

.summary-content .text-left {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #B4975A;
    background: #F8F8F8;
    padding: 7px 14px;
}


.summary-content .text-right {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #B4975A;
    background: #F8F8F8;
    padding: 7px 14px;
}

#pc-order-list .select-body .text-center {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

#pc-order-list .select-body .text-right {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1128px) {
    #nonMB-select-modal {
        width: 86vw;
    }
    .col-xs-2.col-md-2.col-sm-2.col-lg-2 {
        width: 18.6667%;
    }
    .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
        width: 20%
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-1 {
        width: 11.33333%;
    }
    .col-lg-2 {
        width: 14.33333%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {

    #myTabContent,
    #app,
    #lef-col,
    #right-col {
        min-height: 1128px;
    }

    #left-col {
        max-width: 190px;
        padding-right: 25px;
    }

    #left-col nav {
        max-width: 165px;
    }

    #right-col {
        width: 754px;
    }

    #order {
        width: 944px;
    }

    #menu {
        width: 100%;
        padding: 0 40px;
    }

    .bottom-btn {
        right: 40px;
    }

    .order-form-header img {
        width: 212px;
    }

    .order-form-main-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
    }

    .order-form-sub-title {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        margin-top: 8px;
    }

    .order-form-header-right {
        padding: 8px 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .fill-form .col-md-4,
    .fill-form .col-lg-4 {
        padding-right: 15px;
    }

    .poi-bottom-right button.red-btn {
        width: 28px;
        height: 28px;
    }

    .poi-bottom-right button.gold-btn,
    .poi-bottom-right button.grace-btn,
    .poi-bottom-right button.red-btn-long,
    .detail-bottom button.gold-btn,
    .detail-bottom button.grace-btn,
    .detail-bottom button.red-btn-long {
        width: 80px;
        height: 36px;
        /* font-size: 16px; */
        font-size: 14px;
    }

    .poi-bottom-right {
        height: 28px;
    }

    .poi-amount {
        line-height: 28px;
    }

    .inner-modal-close {
        margin: 0;
    }

    .confirm-content-upper,
    .confirm-content-lower {
        padding: 0 30px 16px;
    }

    #myTabContent,
    #app,
    #lef-col,
    #right-col {
        min-height: 940px;
    }

    #left-col {
        max-width: 190px;
        padding-right: 25px;
    }

    #left-col nav {
        max-width: 165px;
    }

    #right-col {
        width: 534px;
    }

    #order {
        /* width: 688px; */
        width: 90%;
    }

    #app .poi-modal .modal-dialog {
        width: 96%;
    }

    #app .poi-modal .modal-content {
        padding: 0;
    }

    .detail-title {
        font-size: 18px;
    }

    .detail-content {
        margin-top: 16px;
        font-size: 15px;
    }

    .detail-weight {
        font-size: 15px;
    }

    .detail-notice {
        margin-top: 16px;
        font-size: 14px;
    }

    .detail-price-tag {
        font-size: 15px;
    }

    .detail-price-money {
        font-size: 19px;
    }

    #menu {
        width: 100%;
        padding: 0 32px;
    }

    .detail-middle {
        height: 90px;
    }

    .detail-middle-long {
        height: 160px;
    }

    #app .modal-dialog {
        width: 728px;
    }

    .bottom-btn {
        right: 32px;
    }

    .order-form-header img {
        width: 212px;
    }

    .order-form-main-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
    }

    .order-form-sub-title {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        margin-top: 8px;
    }

    .order-form-header-right {
        padding: 8px 20px;
    }

    /* #btnDelivery img,
    #btnPickUp img {
      width: 12%;
    } */

    #btnDelivery,
    #btnPickUp {
        margin-bottom: 8px;
        width: 88%;
    }
}

@media screen and (max-width: 767px) {
    .order-form-header {
        display: block;
    }

    .btn-container {
        display: inline-block;
    }

    .fill-form .col-md-4,
    .fill-form .col-lg-4 {
        padding-right: 15px;
    }

    #holidayMsg .modal-dialog.modal-dialog {
        width: 92%;
        margin: 10px;
    }

    #holidayTable {
        width: 100%;
    }

    #holidayTable td {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    #holidayTable .holidayDate {
        width: 80px;
    }

    #holidayTable .holidayName {
        padding-left: 16px;
    }

    #holidayMsg .modal-footer {
        margin-top: 0;
    }

    #app {
        margin-bottom: 2px;
    }

    .detail-select {
        margin-top: 9px;
    }

    .poi-price span.txt-from {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }

    .poi-bottom-right button.dis-btn {
        width: 20px;
        height: 20px;
    }

    .poi-bottom-right button.gold-btn,
    .poi-bottom-right button.grace-btn,
    .poi-bottom-right button.red-btn-long,
    .detail-bottom button.gold-btn,
    .detail-bottom button.grace-btn,
    .detail-bottom button.red-btn-long {
        white-space: nowrap;
        width: 64px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .poi-bottom-right button.gold-btn,
    .poi-bottom-right button.grace-btn,
    .poi-bottom-right button.red-btn-long {
        margin-top: -3px;
    }

    .icon-cart {
        width: 14px !important;
        margin-right: 4px;
    }

    .out,
    .hot {
        padding: 2px 4px;
        font-size: 12px;
        line-height: 14px;
        margin: 4px -4px;
    }

    .detailRef {
        font-size: 10px;
        text-align: right;
    }

    #mydrop1 {
        background: white;
    }

    #myTabDrop1 {
        margin-right: 0px;
    }

    #left-col {
        width: 25%;
        padding: 0;
        background: linear-gradient(to bottom,
                #ff000000 0%,
                #ff000000 150px,
                #f4f4f4 151px,
                #f4f4f4 100%);
    }

    #right-col {
        width: 75%;
    }

    #menu {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
    }

    #menu-nav>ul {
        background-color: #f6f8f9;
    }

    #menu-nav .nav-tabs .nav-item a {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        padding: 12px 6px;
    }

    #menu-nav .nav-tabs .nav-item .dropdown-menu a {
        margin-left: 8px;
        font-size: 13px;
    }

    .poi-row {
        margin: 0;
    }

    .poi-img {
        width: 36%;
    }

    .poi-middle {
        position: absolute;
        width: 56%;
        height: auto;
        left: 40%;
    }

    .poi-name {
        font-size: 15px;
        line-height: 18px;
        margin-top: 0;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .poi-desc {
        display: none;
    }

    .poi-bottom {
        position: absolute;
        left: 40%;
        bottom: 0;
        width: 56%;
        margin-bottom: 0;
    }

    .poi-item hr {
        margin-top: 25px;
        margin-bottom: 25px;
        display: block;
    }

    .poi-price span {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #c3a86f;
    }

    .poi-price,
    .poi-price span.poi-price-num {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
    }

    .poi-amount {
        width: 30px;
        font-size: 14px;
        line-height: 20px;
    }

    #app .btn-increase,
    #app .btn-decrease {
        width: 20px;
        height: 20px;
    }

    .poi-bottom-right {
        height: 20px;
    }

    .hr-xs {
        display: block;
        width: 90%;
        margin: 3px auto 0;
    }

    #mydrop1 .dropdown-backdrop {
        display: none;
    }

    #app .modal-dialog {
        width: 92%;
        left: 47.5% !important;
    }

    #app .modal-body-flex {
        display: block;
    }

    #app .modal-content {
        padding: 0;
    }

    .inner-modal-close {
        display: none;
    }

    .detail-content {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }

    .detail-title {
        margin-top: 16px;
        line-height: 24px;
    }

    .detail-middle {
        margin: 15px 0 0 0;
        height: 90px;
        padding: 0;
    }

    .detail-middle-long {
        height: 160px;
    }

    .detail-notice {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    .detail-bottom {
        position: relative;
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .detail-bottom-btn {
        margin-top: 0;
        align-items: flex-end;
    }

    .detail-price-money {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }

    .select-item-name {
        font-weight: 600;
        font-size: 15px;
        line-height: 17px;
    }

    .select-item-price {
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
    }

    .select-total-text {
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
    }

    .select-total-price {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
    }

    .btn-select-bottom {
        width: 180px;
        height: 44px;
        font-size: 16px;
        padding: 6px;
    }

    .alert {
        margin: 0 15px 20px 15px;
    }

    .select-head {
        display: none;
    }

    .select-item-name {
        padding-left: 8px;
        padding-bottom: 7px;
    }

    .select-total-btn {
        text-align: center;
    }

    #mb-select-modal .select-item-price {
        /* padding-right: 10px; */
        width: 100%;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
    }

    #mb-select-modal .poi-bottom-right {
        position: absolute;
        bottom: 0;
        left: 14%;
    }

    #mb-select-modal .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    #mb-select-modal.row>[class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    .mb-select-row {
        margin: 0 -5px 10px -5px;
    }

    #order {
        width: 96%;
        overflow: hidden;
    }

    #mb-order-list .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    #mb-order-list .col-xs-4 .row{
        margin-left: -8px;
    }

    #mb-order-list .col-xs-5 {
        padding-left: 5px;
    }

    #mb-order-list.row>[class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    .confirm-content-upper,
    .confirm-content-lower {
        padding: 0px 15px 16px;
    }

    #mb-order-list .poi-item-price {
        margin-left: auto;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
    }

    #mb-order-list .poi-bottom-right {
        margin-left: auto;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #acafb4;
    }

    #mb-order-list .select-item-price {
        margin-left: auto;
        margin-bottom: 7px;
    }

    #fix-title h1 {
        font-weight: 600;
        font-size: 26px;
        left: 18px;
        bottom: 24px;
    }

    .order-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        margin: 24px 0px;
    }

    .order-form-header-right {
        text-align: center;
    }

    .confirm-content {
        padding: 22px 0;
    }

    .order-form-main-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
    }

    .order-form-sub-title {
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        margin-top: 8px;
    }

    .form-title {
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        color: #101828;
    }

    .fill-form label {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
        color: #42485A;
    }

    .fill-form .gold {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.228571px;
        color: #C3A86F;
    }

    .bottom-btn {
        position: fixed;
        bottom: 30px;
        right: 8px;
        width: auto;
    }

    .btn-cart {
        width: 50px;
        height: 44px;
    }

    .btn-cart-count {
        top: 4px;
        left: 32px;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
    }

    .btn-submit {
        height: 44px;
        width: auto;
        line-height: 30px;
        padding: 6px 18px 6px 11px;
        font-size: 16px;
    }

    .btn-submit img {
        height: 20px;
        margin-bottom: 0px;
    }

    .detail-bottom .poi-amount {
        width: 60px;
        font-size: 20px;
        line-height: 28px;
    }

    .detail-bottom .btn-increase,
    .detail-bottom .btn-decrease {
        width: 28px !important;
        height: 28px !important;
    }

    .detail-bottom button {
        border-radius: 4px;
        background-size: 45%;
    }

    .detail-bottom button.gold-btn,
    .detail-bottom button.grace-btn,
    .detail-bottom button.red-btn-long {
        width: 86px;
        height: 34px;
        line-height: 26px;
        font-size: 15px;
    }

    .detail-bottom .icon-cart {
        width: 20px !important;
        margin-right: 6px;
    }

    .detail-bottom .detail-price-tag {
        font-size: 15px;
        line-height: 20px;
    }

    .detail-bottom {
        margin-top: 20px;
    }

    #app .modal-title {
        font-size: 18px;
        line-height: 24px;
    }

    #btnDelivery img,
    #btnPickUp img {
        width: 30%;
    }

    #btnDelivery,
    #btnPickUp {
        margin-bottom: 8px;
    }
}

#areaCode {
    background-position: center right 3px;
    width: 24%;
}

.new-tag {
    position: absolute;
    background: #C40C0C;
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    font-size: 15px;
    line-height: 18px;
    margin: 6px;
}

@media screen and (max-width: 767px) {
    .new-tag {
        padding: 2px 4px;
        font-size: 12px;
        line-height: 14px;
        margin: 4px -4px;
    }
}

.body-auto-height {
    max-height: 60vh;
    overflow: auto;
}

#deliverAreaTitle {
    margin-bottom: 4px;
}

#menu-nav .nav-tabs .nav-item .dropdown-menu a {
    white-space: pre-wrap;
}

.time-option {
    color: #42485A;
}

.btn-increase,
.btn-decrease,
.red-btn {
    background-color: #B4975A;
}

/* .poi-price span {
    color: #B4975A !important;
} */

#menu-nav .nav-tabs .nav-item .dropdown-menu .active a {
    background-color: #F9F3E7;
}

.order-summary {
    background: #F8F8F8;
    border-radius: 4px;
    padding: 17px 30px;
}

.order-summary-row {
    /* display: inline-block; */
    display: flex;
    justify-content: space-between;
}

.order-summary-row .text-left {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #B4975A;
    /* display: inline-block; */
    flex: 1;
}

.order-summary-row .text-right {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #B4975A;
    /* display: inline-block; */
    /* margin-right: 0; */
    flex: 1;
    text-align: right;
}

.select-item-netWeight {
    text-align: left;
}

#nonMB-select-modal {
    border-top: 1px solid #ACAFB4;
    border-bottom: 1px solid #ACAFB4;
    padding-top: 24px;
    width: 1030px;
}

.poi-desc {
    color: #424B5A
}

.poi-price {
    color: #C3A86F;
}

.soldOut {
    color: #ACAFB4;
}

.txt-only .poi-bottom {
    border-bottom: 1px solid #e9eaec;
    padding-bottom: 22px;
    margin-bottom: 32px;
}

.txt-only .poi-middle,
.txt-only .poi-bottom {
    width: 100%;
    position: relative;
    left: 0;
}

/* .btn-increase,
        .btn-decrease {
            background-color: #c3a86f;
        } */

#menu-nav>ul {
    background-color: none;
}

.poi-item {
    min-height: 94px;
}

.relative-positioned-element {
    position: relative;
}

#app .modal-dialog {
    /* width: 90%; */

    /* 使模态框垂直居中 */
    display: flex;
    /* 使模态对话框成为Flex容器 */
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中，可选 */
    min-height: 100vh;
    /* 最小高度为视口高度 */

    /* 自动左右边距，确保在水平方向上居中 */
}

/* 可以选择性地去除默认的margin-top */
/* #app .modal-dialog .modal-content {
        margin-top: 0;
        } */

.responsive-detail-middle {
    height: auto;
    max-height: 50vh;
}





.select-body:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* .select-item picture {
    margin-bottom: 20px;
} */

.select-title {
    padding-top: 18px;
}

/*.booking__link {*/
/*  display: none !important;*/
/*}*/
/*展开更多*/
.text-container {
    position: relative;
    overflow: hidden;
    max-height: calc(1em * 14);
}

/* .text-container-shade {} */

.text-container-shade::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6em;
    /* 遮罩的高度为两行文字的高度 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.text-container-btn {
    width: 110px;
    height: 40px;
    border: 1px solid #acafb4;
    color: #acafb4;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /*bottom: 40px;*/
    left: calc(50% - 55px);
    cursor: pointer;
}


.poi-name {
    height: auto;
}

.poi-desc {
    display: -webkit-box;
    /* 使用弹性盒子布局 */
    line-clamp: 2;
    /* 只显示两行 */
    -webkit-box-orient: vertical;
    /* 设置垂直排列 */
    overflow: hidden;
    /* 隐藏超出的内容 */
    height: 44px;
    margin-bottom: 6px;
}

/*展开更多end*/

/*email template style*/
#orderItemTable .form-header {
    display: flex;
}

#orderItemTable .sands-icon {
    width: 10%;
}

#orderItemTable .sands-icon img {
    width: 100%;
}

#orderItemTable .header-number {
    width: 30%;
    margin-left: 60%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

#orderItemTable .header-number div:first-child {
    text-align: center;
    background: black;
    color: #cccccc;
}

/*第一页表格样式*/
#orderItemTable .page-1.th-title {
    width: 80rem;
    background: rgb(0, 176, 240);
    color: black;
}

#orderItemTable .page-1.th-title th {
    border: none;
}

#orderItemTable .page-1-content {
    margin-top: 3rem;
    margin-left: 10px;
}

#orderItemTable .page-1-content.one {
    margin-top: 2rem;
}

#orderItemTable .page-1-content span {
    display: block;
    position: relative;
}

#orderItemTable .page-1-content span:first-child::before {
    position: absolute;
    content: "";
    border: 1px solid #000000e3;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    top: 7px;
    left: -9px;
    background-color: #000000e3;
}

#orderItemTable .page-1-content.three {
    margin-bottom: 1rem;
}

#orderItemTable .page-1.th-title-b th {
    text-align: center;
    padding: 1.5rem 1rem;
}

#orderItemTable .user-sign {
    margin-top: 10rem;
    text-align: center;
    position: relative;
}

#orderItemTable .user-sign span:last-child {
    position: absolute;
    right: 0;
}

/*第二页表格样式*/
#orderItemTable .CE-form.page-2 {
    margin-top: 10rem;
}

#orderItemTable .page-2.th-title {
    width: 100%;
    background: rgb(0, 176, 240);
    color: black;
}

#orderItemTable .page-2.th-title th {
    border: none;
}

#orderItemTable .page-2.th-title-b th {
    text-align: center;
    padding: 1.5rem 1rem;
}

#orderItemTable .page-2.th-title-b th:first-child {
    width: 30%;
}

#orderItemTable .page-2.th-title-b td {
    padding: 5px 3px;
}

/*第三页样式*/
#orderItemTable .CE-form.page-3 {
    margin-top: 10rem;
}

#orderItemTable .page-3.th-title th {
    border: none;
}

#orderItemTable .page-3.th-title {
    width: 100%;
    background: rgb(0, 176, 240);
    color: black;
}

#orderItemTable .page-3.th-title th {
    border: none;
}

#orderItemTable .page-3.th-title-b th {
    text-align: center;
    padding: 1.5rem 1rem;
}

#orderItemTable .page-3.th-title-b th:first-child {
    width: 30%;
}

#orderItemTable .page-3.th-title-b td {
    padding: 5px 3px;
}

/*第四页样式*/
#orderItemTable .CE-form.page-4 {
    margin-top: 10rem;
}

#orderItemTable .page-4.th-title {
    width: 100%;
    background: rgb(0, 176, 240);
    color: black;
}

#orderItemTable .page-4.th-title th {
    border: none;
}

#orderItemTable .page-4.Card-Information {
    margin-top: 1rem;
    border: 1px solid #ccc;
}

#orderItemTable .page-4.Customer {
    border: 1px solid #ccc;
    margin-bottom: 1rem;
}

#orderItemTable .page-4.Card-Information>span {
    display: block;
    margin: 5px 0;
}

#orderItemTable .customer-content {
    padding: 1.5rem 3rem;
    display: flex;
    flex-direction: column;
}

#orderItemTable .customer-content-row {
    display: flex;
    flex-direction: row;
    padding: 1rem;
}

#orderItemTable .customer-content-text {
    margin-left: 1rem;
}

#orderItemTable .content-3 {
    margin: 2rem 0;
}

#orderItemTable .name-sign {
    margin: 2rem 0;
}

#orderItemTable .icon-size {
    margin-top: 2rem;
}

#orderItemTable .block-style {
    margin-left: 2rem;
    position: relative;
}

#orderItemTable .block-style:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid black;
    position: absolute;
    left: -25px;
    top: 2px;
}

#orderItemTable .box {
    margin-left: .5rem;
    width: 25px;
    height: 25px;
    border: 2px solid black;
    margin-top: -5px;
}

#orderItemTable .icon-size .box:first-of-type {
    margin-left: 3rem;
}

#orderItemTable .solid-line {
    margin-left: .5rem;
    margin-top: 5px;
    border-top: 5px solid black;
    width: 15px;
    height: 10px;
}

#orderItemTable .solid-line:last-child {
    margin-left: .5rem;
}

#orderItemTable .solid-line-1 {
    margin-left: .3rem;
    margin-top: .5rem;
    border-top: 2px solid black;
    width: 10px;
    height: 10px;
}

#orderItemTable .solid-block {
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    background-color: #000000;
    margin-left: 5px;
}

#orderItemTable .card-name {
    position: relative;
    margin-left: 5%;
}


#orderItemTable .data {
    position: relative;
    margin-left: 2rem;
}

#orderItemTable table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    /*border: 1px solid #ccc;*/
}

#orderItemTable th,
td {
    border: 1px solid #ccc;
    padding: 8px 1px;
    text-align: left;
    white-space: break-spaces;
    ;
}

#orderItemTable .check-input {
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 6px;
}

#orderItemTable .custom_table {
    width: 865px;
}

#orderItemTable .custom_table td,
tr {
    border: 0px solid;
}

/*email template style end*/


.mb-12 {
    margin-bottom: 12px;
}

.mb-6 {
    margin-bottom: 6px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.lh-20 {
    line-height: 20px;
}

#areaCode {
    width: 21%;
}

#phoneNumber,
#recipientPhoneNumber {
    width: 79%;
}


.fill-form textarea {
    width: 100%;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    border-radius: 2px;
    border-color: rgb(219, 223, 229);
}

.fill-form textarea,
input {
    border-color: rgb(219, 223, 229);
}

.fill-form #eventDateStart,
.fill-form #eventDateEnd,
.fill-form #deliverDate {
    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table-retail-shop/assets/icons/calendar.svg) !important;
    background-position: center right 14px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.fill-form #deliverTime {
    border: 1px solid #cccccc;
    padding: 12px 20px;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(https://assets.sandsresortsmacao.cn/content/londonermacao/restaurants/churchills-table-retail-shop/assets/icons/clock.svg) !important;
    background-position: center right 14px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.detail-select {
    -webkit-appearance: none;
    /* 隐藏Webkit内核（如Safari和Chrome）中的默认样式 */
    -moz-appearance: none;
    /* 隐藏Firefox中的默认样式 */
    appearance: none;
    /* 隐藏其他现代浏览器中的默认样式 */
    padding-right: 24px;
}

.detail-select-box {
    display: flex;
    align-items: center;
}

.detail-select-icon {
    margin-top: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: -24px;
    pointer-events: none;
}

.callnumber {
    margin-right: 10px;
    width: 28% !important;

}

.areaCode.callnumber::placeholder {
    color: #ACACAC;
}

.phoneNumber::placeholder {
    color: #ACACAC;
}

#eventDateStart::placeholder {
    color: #ACACAC;
}

#eventDateEnd::placeholder {
    color: #ACACAC;
}

#deliverDate::placeholder {
    color: #ACACAC;
}


@media screen and (min-width: 768px) {
    .poi-row {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        /* 让所有 .poi-item 具有相同高度 */
    }

    .poi-item {
        display: flex;
        flex-direction: column;
    }

    .poi-bottom {
        margin-top: auto;
        /* 让 .poi-bottom 自动填充到底部 */
    }

    .poi-name {
        display: flex;
        align-items: flex-start;
        /* 让文本从顶部对齐 */
    }
    
    .poi-middle {
        cursor: pointer;
    }

    .modal .btn.btn-close.btn-small {
        position: absolute;
        top: 80px;
        right: 36px;
        z-index: 2;
    }

    #pc-order-list {
        overflow-x: hidden;
    }

    .hidden-xs.select-head .col-lg-7 {
        padding-left: 30px;
    }

    .select-item picture {
        padding-left: 15px;
    }

    .order-form-header-right {
        padding: 16px 0;
    }

    .responsive-modal {
        width: 50%;
        margin: auto;
    }

    /* #app .modal-dialog .modal-content {
        width: 1030px;
        } */

    .select-body {
        /* width: 100%; */
        min-height: 84px;
        border-bottom: 1px solid #e9e8e8;
        padding-bottom: 24px;
    }

    .order-title {
        margin-top: 46px;
    }
    .select-bottom-total {
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {

    .modal .btn.btn-close.btn-small {
        position: absolute;
        top: 40px;
        right: 10px;
        z-index: 2;
    }

    #left-col {
        background-color: #f4f4f4;
    }

    .text-container {
        position: relative;
        overflow: hidden;
        max-height: calc(1em * 23);
    }

    .mobile-fs-14 {
        font-size: 14px;
    }

    .mobile-fs-19 {
        font-size: 19px;
    }

    .mobile-lh-24 {
        line-height: 24px;
    }

    .mobile-mb-8 {
        margin-bottom: 8px !important;
    }

    .mobile-mb-24 {
        margin-bottom: 24px !important;
    }

    #areaCode {
        width: 26%;
    }

    #phoneNumber,
    #recipientPhoneNumber {
        width: 74%;
    }

    #mb-order-list .select-item-price {
        margin-right: 5px;
    }

    .callnumber {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .order-form-header-right {
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn-decrease {
        padding: 0;
    }

    .btn-increase {
        padding: 0;
    }

    .detail-select-icon {
        margin-top: 9px;
        height: 100%;
        display: flex;
        align-items: center;
        margin-left: -24px;
        pointer-events: none;
    }

    .mb-select-row .mb-select-img {
        padding-right: 0;
        padding-left: 0;
    }

    .mb-select-img {
        left: 5px;
    }

    .mb-select-price {
        width: 27% !important;
    }

    .mb-select-row .mb-select-txt {
        padding-left: 10px;
        padding-right: 20px;
        text-align: left;
        width: 48%;
    }

    .mb-select-row {
        border-bottom: 1px solid #ccc;
        padding-bottom: 16px;
        padding-top: 16px;
    }

    .poi-desc {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        color: #979797;
        height: 32px;
    }

    .mb-select-row {
        min-height: 89px;
    }

    #mb-order-list .poi-bottom-right,
    #mb-order-list .poi-bottom-right .poi-amount {
        width: 100%;
        text-align: right;
    }

    #mb-order-list .poi-bottom-right .poi-amount {
        margin-right: 5px;
    }

    /** 设置购物车最大高度限定 **/
    #cartModal .modal-dialog {
        max-height: 85%;
    }

    #cartModal .modal-content {
        height: 100%;
    }

    #cartModal .modal-body {
        padding-right: 10px;
        overflow: hidden;
        width: 90vw;
    }

    /** 设置购物车滚动条样式 **/
    #mb-select-modal {
        overflow-x: hidden;
    }

    #mb-select-modal::-webkit-scrollbar {
        width: 6px;
    }

    #mb-select-modal::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
    }

    .isAndroidScoll::-webkit-scrollbar-track {
        background: none !important;
    }

    #mb-select-modal::-webkit-scrollbar-track {
        border-radius: 0px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
        background: rgba(0, 0, 0, 0.2);
    }

    #mb-select-modal .row {
        margin-right: 10px;
    }

    #mb-select-modal .select-item-price {
        position: absolute;
        left: 10%;
    }

    .row.mb-select-row.mb-12::after {
        content: '';
        margin-top: 10px;
        margin-bottom: 4px;
        width: 100%;
        height: 100%;
        border: 1px solid #e9e8e8;
    }

    .row.mb-select-row.mb-12:last-child {
        margin-bottom: 0;
    }

    .row.mb-select-row.mb-12:last-child::after {
        content: '';
        margin-top: 10px;
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #e9e8e8;
    }

    .modal-footer {
        margin-top: 4px;
        padding-top: 0;
    }

    .row.mb-select-row.mb-12 .col-xs-4 {
        width: 28%;
    }

    .row.mb-select-row.mb-12 .col-xs-5 {
        width: 46%;
    }

    .row.mb-select-row.mb-12 .col-xs-3 {
        width: 25%;
    }

    /** 调整商品详情页滚动条样式 **/
    .detail-middle.detail-middle-long {
        margin: 15px -10px 0 0;
        padding-right: 4px;
        overflow-x: hidden;
    }

    .detail-middle.detail-middle-long::-webkit-scrollbar {
        width: 6px !important;
    }

    .detail-middle.detail-middle-long::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
    }

    .detail-middle.detail-middle-long::-webkit-scrollbar-track {
        border-radius: 0px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
        background: rgba(0, 0, 0, 0.2);
    }

    .isAndroidScoll *::-webkit-scrollbar-track {
        background: none !important;
    }
}

@media screen and (max-width: 410px) {
    #mb-select-modal .poi-bottom-right {
        position: absolute;
        bottom: 0;
        left: -10%;
    }
}